@import "../../../styles/_commonColor.scss";

.container {
  height: 100%;
  background: $white;
  overflow: auto;
  .listContainer{
    background-color: #F4FAFF;
      &>div{
        background-color: transparent;
        &>div{
          &>div{
            border-bottom-color: #F0F0F0 !important;
          }
        }
      }
    .firstDetailHeaderItem{
      padding:20px 0;
      display: flex;
      align-items: center;
      &>div{
        &:nth-child(1){
          flex: 1;
          .carNumber{
            color:$black;
            font-size: 40px;
          }
          .inspectionType{
            color:#979797;
            font-size: 28px;
            img{
              width:28px;
              height:28px;
              margin-left: 20px;
              vertical-align: middle;
            }
          }
        }
        &:nth-child(2){
          img{
            width:40px;
            vertical-align: middle;
          }
          span{
            font-size: 36px;
            margin-left: 10px;
            vertical-align: middle;
          }
        }
      }
      .littleTips{
        text-align: right;
        font-size: 28px;
        color:#979797;
      }
    }

    .secondDetailHeaderItem{
      padding:0 0 44px 0;
      color:$darkgray;
      font-size: 28px;
    }
  }
  .detailContainer{
    padding:0 30px;
    position:relative;
    top:-44px;
  }

  .buttonContainer{
    padding:26px 30px;
    width:100%;
    display: flex;
    justify-content: space-between;
    button{
      display: block;
      width:330px;
      height:88px;
      font-size: 34px;
      border:none;
      border-radius: 6px;
    }

    .back{
      color:$blue;
      background-color: white;
      border:solid 1PX $blue;
    }
    .go{
      color:white;
      background-color: $blue;
    }
    .unable{
      background-color: $bordergray;
      color:$gray;
    }
  }
  .bottomTips{
    color:#9B9B9B;
    text-align: center;
    font-size: 26px;
    padding:14px 0 ;
    a{
      text-decoration:underline;
    }
  }
}
